$(function(){
  //1.首页渲染
  // 2.分页
  // 3.添加一级分类


  var currentPage =1;
  var pageSize =4;
  // 1.首页渲染
  function render(){
    $.ajax({
    type: 'get',
    url: '/category/queryTopCategoryPaging',
    data:{
      page:currentPage,
      pageSize:pageSize,
    },
    dataType: 'json',
    success: function (res) {
      $('tbody').html(template('tmp',res));
      // 根据数据库生成分页标签
      setPage(res.total)
    }
    })
  }
  render();


  // 2.生成分页标签 total数据总数
   // 分页
   function setPage (total){
    $('#paginator').bootstrapPaginator({
      bootstrapMajorVersion:3,//版本信息
      currentPage:currentPage,//当前页
      totalPages:Math.ceil(total/pageSize),//总页数 math.ceil取整数
      // size:'small',//设置控件的大小
      onPageClicked:function (event,originalEvent,type,page) {
        //绑定点击事件
        currentPage = page;
        render();
      }
    })
  }
  // setPage(12)

  //3.表单检验
  $('.form-add').bootstrapValidator({
    //1.校验类型
    excluded: [':disabled',':hidden',':not(:visible)'],

    //2.指定校验图表显示
    feedbackIcons:{
      valid:'glyphicon glyphicon-ok',
      invalid:'glyphicon glyphicon-remove',
      validating:'glyphicon glyphicon-refresh'
    },

    //3.指定校验字段
    fields:{
      //校验用户名,对应name表单name属性
      categoryName:{
        validators:{
          //不能为空
          notEmpty:{
            message:'请输入一级分类'
          },
          // //长度校验
          // stringLength:{
          //   min:6,
          //   max:30,
          //   message:'用户名长度必须在6到30之间'
          // },
          // //正则校验
          // regexp:{
          //   regexp:/^[a-zA-z0-9_\.]+$/,
          //   message:'用户名由数字字母下划线组成'
          // }
        }
      }
    }
  });
  $('.form-add').on('success.form.bv',function(e){
    e.preventDefault(); //阻止默认行为
    //发送请求
    $.ajax({
    type: 'post',
    url: '/category/addTopCategory',
    data:$('.form-add').serialize(),
    dataType: 'json',
    success: function (res) {
      // 重新渲染，隐藏模态框
      render();
      // 隐藏模态框
      $('.modal-add').modal('hide');
      // 重置表单
      $('.form-add')[0].reset();
      // 重置表单检验样式 resetForm();
      $('.form-add').data('bootstrapValidator').resetForm(true);
    }
    })
  })
})